<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <title>逆光影者的经验博客</title>

   <!-- 解除其他平台的防盗链 -->
   <meta name="referrer" content="never">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <meta name="description" content="Description...">
   <meta name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
   <!-- 引入 css -->
   <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css">
   <!-- font-awesome -->
   <link rel="stylesheet" href="https://unpkg.com/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
   <!-- gitalk 评论系统 -->
   <link rel="stylesheet" href="https://unpkg.com/gitalk@1.7.2/dist/gitalk.css">
   <!--网页标题左侧显示-->
   <link rel="icon" href="static/img/logo.png" type="image/x-icon">
   <!--收藏夹显示图标-->
   <link rel="shortcut icon" href="static/img/logo.png" type="image/x-icon">
   <!-- 自定义css -->
   <link rel="stylesheet" type="text/css" href="static/css/my-style.css" />
   <style>
      :root {
         --bg-bg: unset;
      }

      .sidebar-toggle .sidebar-toggle-button {
         top: 69px;
      }

      section.cover .mask {
         background: var(--bg-bg);
         opacity: 0.8;
         position: absolute;
         height: 100%;
         width: 100%;
      }

      .css-theme-color {
         color: var(--theme-color);
      }
      
      /* 标题头脚本 */
      .article-info-box {
         float: right;
      }
      .keywords-box span.keywords:after {
         content: ';';
      }
      .ref-url-box {
         float: right;
      }
      .ref-url-box .ref-url {
         display: grid;
      }
   </style>
</head>

<body>
   <div id="app">加载中...</div>
   <a class="to-top css-theme-color fa fa-arrow-circle-up fa-3x"></a>

   <!-- 引入 dicsify script -->
   <script src="//unpkg.com/docsify@4.12.2/lib/docsify.min.js"></script>
   <!-- 远程markdown -->
   <script src="//unpkg.com/docsify-remote-markdown/dist/docsify-remote-markdown.min.js"></script>
   <!-- emoji -->
   <script src="//unpkg.com/emoji@0.3.2/lib/emoji.js"></script>
   <!-- 引入 gitalk 评论系统 -->
   <script src="//unpkg.com/gitalk@1.7.2/dist/gitalk.min.js"></script>
   <!-- edit-on-git 需在 window.$docsify 前引入 -->
   <script src="static/js/docsify-edit-on-github.js"></script>

   <script>
      
      window.$docsify = {
         el: '#app',
         name: '封面页',
         nameLink: '/',
         repo: 'https://gitee.com/cpfree/life-exp/',
         logo: '',
         themeColor: '#428',
         loadNavbar: true, // 设置侧边栏
         auto2top: true,
         coverpage: true, // 设置封面
         onlyCover: true, // 只显示封面
         topMargin: 140,
         // 加载 _sidebar.md
         loadSidebar: true, // 设置侧边栏
         alias: {// 取消嵌套的侧边栏, 页面加载逻辑是从每层目录下获取文件，如果当前目录不存在该文件则回退到上一级目录
            '/.*/_sidebar.md': '/_sidebar.md',
            '/.*/_navbar.md': '/_navbar.md'
         },
         subMaxLevel: 3, // 侧边栏显示当前页面的目录(标题)
         externalLinkTarget: '_blank', //外链打开方式：_blank表示在新标签页中打开
         //增加搜索框
         search: {
            paths: 'auto',
            placeholder: '🔍 搜索',
            noData: '😒 找不到结果',
            depth: 6,
            maxAge: 86400000, // 过期时间，单位毫秒，默认一天
         },

         footer: {
            copy: ' ',
            auth: '<strong>世界复杂多变，人类的认知存在着限制，故将所有知识结合起来，形成一个知识体系, 且不断收集各种新数据，并随时修正。</strong>',
            pre: '<hr/>',
            style: 'padding: 5px; text-align: center; background: linear-gradient(to right, #0000, var(--theme-color), #0000)',
         },
         copyCode: {
            buttonText: '复制到剪贴板',
            errorText: '复制错误',
            successText: '已复制!'
         },

         'flexible-alerts': {
            style: 'flat'
         },
         remoteMarkdown: {
            tag: 'remoteMarkdownUrl',
         },
         // markdown 渲染
         plugins: [
            EditOnGithubPlugin.create(
               'https://gitee.com/cpfree/life-exp/blob/master/',
               null,
               function(file) {
                  if (file.indexOf('/en/') === -1) {
                     return '编辑'
                  } else {
                     return 'edit on gitee'
                  }
               }
            ),
            function(hook, vm) {
               hook.beforeEach(function(content) {
                  // 每次开始解析 Markdown 内容时调用
                  headInfo.init();
                  content = content.replace(/\r\n/g, '\n')
                  // 每次开始解析 Markdown 内容时调用
                  if (content.search(/---\n/) !== 0) {
                     return content;
                  }
                  var end = content.search(/\n---\n/)
                  if (end < 0) {
                     return content;
                  }
                  var headStr = content.substring(4, end).trim();
                  headInfo.parse(headStr);
                  
                  // 关闭渲染
                  var headContent = ''; // headInfo.renderHtml(); 
                  var mdContent = content.substring(end + 5).trim();
                  return headContent + '\n\n' + mdContent;
               });
               hook.mounted(function() {
                  // 初始化并第一次加载完成数据后调用，只触发一次，没有参数。
                  console.log('hook.mounted end')
               });
            }
         ],
         pagination: {
            previousText: '上一章节',
            nextText: '下一章节',
            crossChapter: true,
            crossChapterText: true,
         },
      }
   </script>

   <!-- 上下页链接         (需在 window.$docsify 后引入) -->
   <script src="//unpkg.com/docsify-pagination/dist/docsify-pagination.min.js"></script>
   <!-- 引入搜索模块       (需在 window.$docsify 后引入) -->
   <script src="https://cdn.bootcss.com/docsify/4.5.9/plugins/search.min.js"></script>
   <!-- 添加一键拷贝代码   (需在 window.$docsify 后引入) -->
   <!-- <script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script> -->
   <!-- 图片zoom           (需在 window.$docsify 后引入) -->
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>

   <!-- Markdown 引用样式美化 -->
   <script src="https://unpkg.com/docsify-plugin-flexible-alerts"></script>
   <!-- docsify内置的代码高亮工具是 Prism。添加额外的语法支持需要通过CDN添加相应的语法文件 -->
   <!-- <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-bash.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-java.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-python.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-c.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-powershell.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-sql.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-yaml.min.js"></script>
   <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-properties.min.js"></script> -->
   <!-- docsify内置的代码高亮工具是 Prism。3个控制台报错的js -->
   <!-- <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-cpp.min.js"></script> -->
   <!-- <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-javascript.min.js"></script> -->
   <!-- <script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-css.min.js"></script> -->

   <!-- 页脚 -->
   <script src="//unpkg.com/docsify-footer-enh/dist/docsify-footer-enh.min.js"></script>

   <!-- 谷歌统计 - Google Analytics -->
   <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-SNGE4TXFRV"></script> -->

   <!-- 置顶插件 -->
   <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="static/js/jquery.toTop.min.js"></script>
   
   <!-- mouse click 出现红心 💕❤-->
   <!-- <script src="https://cdn.jsdelivr.net/gh/forthespada/forthespada.github.io@master/plugin/click_heart.js"></script> -->

   <!-- 自定义js -->
   <script src="static/js/my-plugin.js"></script>
</body>

</html>
